<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>测试页面</title>
    <style>
      h1 {
        color: #000;
      }
      #hid {
        color: blue;
      }
      #baidu {
        color: blueviolet;
        /* 设置文本为一个标准的文本 , 去除掉 超链接 下面默认的下划线 */
        text-decoration: none;
      }
      #center {
        width: 65%;
        /* margin: 0% 17.5% 0% 17.5%; */
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div id="center">
      <h1>标题</h1>
      <p>测试行</p>
      <!-- 水平分割线 -->
      <hr />
      <hr />

      <h1 style="color: aqua">行内样式</h1>
      <a id="baidu" href="http://www.baidu.com" target="_self">百度连接</a>

      <hr />
      <hr />
      <hr />
      <hr />
      <br />
      <br />
      <br />
      <p></p>
      <b>人勤春来早</b>
      ，春耕农事忙。立春之后，由南到北，我国春耕春管工作陆续展开，春天的田野处处生机盎然。

      <h2 id="hid">!!!h2!!!</h2>
      <form action="http://localhost:8080/admin/get" method="get">
        <input type="submit" value="跳转" />
      </form>
    </div>
  </body>
</html>
